/** 定义公用变量 颜色、边框、字体大小、阴影、层级... */

/* Color
----------------------- */
$color-primary: #3e7fff; // app 主色调
$color-white: #FFFFFF; // 白色
$color-black: #000000; // 黑色
$color-grey: #999999; // 浅灰色

// 将字体颜色按使用频率划分等级 
$color-text-primary: #333333; // 一级 字体颜色 （主要的字体颜色）
$color-text-secondary: #000000A6; // 二级 字体颜色
$color-text-tertiary: $color-white; // 三级 字体颜色
$color-text-quaternary: $color-grey; // 四级 字体颜色

$border-color-base: #f2f2f2; // 边框基础色系

// 将背景颜色按使用频率划分等级 
$background-color-primary: $color-white;
$background-color-secondary: $color-primary;
$background-color-tertiary: #f2f2f2;

/* Border
----------------------- */
$border-width-base: 1Px !default;
$border-style-base: solid !default;
$border-base: $border-width-base $border-style-base $border-color-base !default;


/* z-index
-------------------------- */
$index-normal: 1;
$index-top: 1000;
$index-popper: 2000;